<template>
	<view>
		<u-sticky bgColor="#fff">
			<view class="mainpadding" style="background-color: #fea23d;">
				<view class="xiaobai ershiba">{{$t('shouyimx.yjsy')}}+{{allMoney}}{{$t('dingdanmx.y')}}</view>
			</view>
			<u-tabs :list="list1" lineColor="#fea23d" @click="changetab" :scrollable="false"
				:activeStyle="{
				    color: '#000000',
				    fontWeight: 'bold',
				    transform: 'scale(1.05)'
				}" :inactiveStyle="{
				            color: '#666666',
							fontWeight: '500',
				            transform: 'scale(1)'
				        }" itemStyle="height: 44px;"></u-tabs>
		</u-sticky>
		<view class="mainpadding2">
			<view class="mainpadding_top ffffff radius" v-for="(item,index) in list" :key="index" v-if="item.applyMoneyTime">
				<view class="xiahuaxian flexbetween">
					<view class="ershiba xiaohei bold">{{$t('shouyimx.ptfc')}}</view>
					<view class="ershil xiaohong bold">+{{item.withdrawalMoney}}</view>
				</view>
				<view class="margin_top2 flexbetween bold">
					<view class="ershiba xiaohui bold">{{$t('shouyimx.sqtxsj')}}</view>
					<view class="ershil xiaohei bold">{{item.applyMoneyTime}}</view>
				</view>
				<view class="margin_top2 flexbetween bold">
					<view class="ershiba xiaohui bold">{{$t('shouyimx.txsy')}}</view>
					<view class="ershil xiaohei bold">￥{{item.withdrawalMoney}}</view>
				</view>
				<view class="margin_top2 flexbetween bold">
					<view class="ershiba xiaohui bold">{{$t('shouyimx.sxf')}}</view>
					<view class="ershil xiaohei bold">￥{{item.handlingFees}}</view>
				</view>
				<view class="margin_top2 flexbetween bold">
					<view class="ershiba xiaohui bold">{{$t('shouyimx.dzsj')}}</view>
					<view class="ershil xiaohei bold">{{item.receivedTime}}</view>
				</view>
				<view class="margin_top2 flexbetween bold">
					<view class="ershiba xiaohui bold">{{$t('shouyimx.shzt')}}</view>
					<view class="ershiba xiaohuang bold" v-if="item.moneyStauts==0">{{$t('shouyimx.dsh')}}</view>
					<view class="ershiba xiaolan bold" v-if="item.moneyStauts==1">{{$t('shouyimx.ddk')}}</view>
					<view class="ershiba xiaolv bold" v-if="item.moneyStauts==2">{{$t('shouyimx.ydk')}}</view>
					<view class="ershiba xiaohong bold" v-if="item.moneyStauts==3">{{$t('shouyimx.wx')}}</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	const httpRequest = require("@/common/httpRequest.js")
	export default {
		data() {
			return {
				list1:[
					{
						name:this.$t('shouyimx.qb'),
						id:"0"
					},{
						name:this.$t('shouyimx.dsh'),
						id:"1"
					},
					{
						name:this.$t('shouyimx.ddk'),
						id:"2"
					},
					{
						name:this.$t('shouyimx.ydk'),
						id:"3"
					},
					{
						name:this.$t('shouyimx.wx'),
						id:"4"
					}
				],
				categoryId:"0",
				allMoney:{},
				list:[]
			}
		},
		onLoad() {
			this.init()
		},
		methods: {
			changetab(e){
				this.categoryId = e.id
				this.init()
			},
			init(){
				httpRequest.request('/wx/spreader/spreaderIncomeList', 'GET', {
					showType: this.categoryId,
					page: 0,
					size: 1000
				}).then(res => {
					this.list  = res.data.incomeList
					this.allMoney  = res.data.allMoney
				})
			},
		}
	}
</script>

<style>

</style>
